<!-- 学生端/用户端 -->
<template>
	<view class="" style="overflow: hidden;">
		<view class="u-page">
			<view class="list-head" style="position: fixed;top: 88rpx;left: 0;right: 0;background: #fff;z-index: 9;" v-if="current == 0">
				<u-tabs :list="tabList" :is-scroll="false" :show-bar="false" :current="tabIndex" @change="change">
				</u-tabs>
			</view>
			<view class="" v-if="current == 0">
				<view class="u-page-list" style="padding-top: 80rpx;">
					<view class="add" @click="info.userType=='03'?$navigateTo('../apply/student'):$navigateTo('../apply/foreigner')" v-if="tabIndex == 0">添加申请单</view>
					<view class="u-page-li" v-for="(item,index) in database" @click="$navigateTo('../index/index?applyId='+item.applyId)" :key="index">
						<view class="li-name">
							<text>申请理由</text> {{item.applyReason}}
						</view>
						<view class="li-name">
							<text>申请状态</text> {{getCode(item.status)}}
						</view>
						<view class="li-name">
							<text>申请时间</text> {{item.createTime}}
						</view>
						<!-- <button type="default" @click.stop="applyId = item.applyId" v-if="tabIndex != 1 && item.status == 1"
							class="li-btn" open-type="share">添加随行人员</button> -->
							
						<button type="default" @tap.stop="shares(item)" v-if="tabIndex != 1 && item.status == 1"
							class="li-btn">添加随行人员</button>
							
							
						<button type="default" @tap.stop="gettips(item)" v-if="tabIndex != 1 && item.status == 3"
								class="li-btn" open-type="share">提醒</button>
					</view>
				</view>
				<view class="" style="margin: 50rpx;">
					<u-loadmore :status="status" :icon-type="iconType" :load-text="loadText" />
				</view>
				<!-- <student v-if="info.type=='03'"></student>
				<foreigner v-if="info.type=='01'"></foreigner> -->
			</view>
			<!-- 所有内容的容器 -->

			<!-- 用户 -->

			<!-- <home v-if="current == 1"></home> -->
			<!-- <view v-show="current == 1">
				
			</view> -->
			<user v-show="current == 1"></user>
		</view>
		<u-tabbar v-model="current" :list="list"></u-tabbar>
	</view>
</template>

<script>
	import user from './user.vue'
	// import foreigner from '../apply/foreigner.vue'
	import home from '../index/index'
	export default {
		components: {
			// student,
			user,
			home,
			// foreigner
		},
		data() {
			return {
				isonShow:false,
				status: 'nomore',
				iconType: 'flower',
				loadText: {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '没有更多了'
				},
				list: [{
						iconPath: "file-text",
						selectedIconPath: "file-text-fill",
						text: '申请',
						customIcon: false,
					},
					{
						iconPath: "account",
						selectedIconPath: "account-fill",
						text: '我的',
						isDot: false,
						customIcon: false,
					},
				],
				tabList: [{
					name: '当前申请'
				}, {
					name: '历史申请'
				}],
				database: [],
				tabIndex: 0,
				current: 0,
				info: {},
				applyId: ''
			}
		},
		onLoad() {
			// this.$u.mpShare = {
			// 	title: '智能校园', // 默认为小程序名称，可自定义
			// 	path: 'pages/share?applyId=' + this.applyId, // 默认为当前页面路径，一般无需修改，QQ小程序不支持
			// 	// 分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径。
			// 	// 支持PNG及JPG，默认为当前页面的截图
			// 	imageUrl: ''
			// }
			this.info = this.$db.get('info')
			// this.info.type = '03'
			this.getlist2()
			// this.showPhoto()
		},
		watch:{
			isonShow(e){
				if(e){
					this.isonShow = false
					this.getlist2()
					
				}
			}
		},
		onShow() {
			this.shareAll(2)
		},
		methods: {
			// 判断是否公众号
			isWeChat() {
				let ua = window.navigator.userAgent.toLowerCase()
				if (ua.match(/MicroMessenger/i) == 'micromessenger') {
					return true
				} else {
					return false
				}
			},
			// 提醒操作
			gettips(){
				
			},
			
			showPhoto(){
				this.$api.showPhoto({}).then(res=>{
					this.$db.set('showPhoto',res)
				}).catch(res=>{})
			},
			
			getCode(type) {
				if (type == 1) {
					return '申请中'
				} else if (type == 2) {
					return '审批中'
				} else if (type == 3) {
					return '申请通过'
				} else if (type == 4) {
					return '申请拒绝'
				} else if (type == 5) {
					return '已进入学校(或者已出校)'
				} else if (type == 6) {
					return '已结束'
				} else if (type == 7) {
					return '门卫拦截'
				}
			},
			change(e) {
				this.tabIndex = e
				if (e == 1) {
					this.historyList2()
				} else {
					this.getlist2()
				}
			},
			shareAll(type){
				this.$api.signature({}).then(res => {
					if(this.isWeChat()) {
						// 是不是这里报错了呢？this.$Common.isWeChat() 是我在main.js中封装的另外一个方法，判断是否为 微信浏览器
						// 因为 非微信浏览器，jssdk不会执行的哦 想要这个方法，在文章最后面有 卧槽你不会忘了文章地址吧？？？服了you
						// 看这：https://blog.csdn.net/weixin_44155518/article/details/115578543
						
						// 在这个位置请求数据 赋值给 configData 就ok 有个点需要注意，那就是请求数据时后端会要求你传一个url，
						// 请不要写死，一定要使用 encodeURIComponent(location.href) 获取url然后传给后端，否则 一定会签名失败，哪怕后端写死，同样签名失败
						let configData = res.data // 这是config 的参数，后端获取来的，还记得上面说的吗
						let list = { // 下面的这三个参数不要问我去哪里拿哦~这都是随便你自己写的，我也不知道你想写什么
							title: '欢迎来到校园' ,
							desc: '欢迎来到校园',
							link:'https://xmcr.nngyun.cn/pages/share?applyId='+this.applyId,
							imgUrl: 'https://xmcr.nngyun.cn/static/images/logo.png'
						}
						this.$wxj.myshare(configData, list,type) // 调用wxShare.js的方法
					}
				}).catch(res => {})
			},
			
			
			shares(item){
				// signature
				this.applyId = item.applyId
				this.shareAll(1)
				
				
				return
				
				console.log(item)
				return this.$u.mpShare = {
					title: '智能校园', // 默认为小程序名称，可自定义
					path: 'pages/share?applyId=' + this.applyId, // 默认为当前页面路径，一般无需修改，QQ小程序不支持
					// 分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径。
					// 支持PNG及JPG，默认为当前页面的截图
					imageUrl: ''
				}
			},

			getlist2() {
				this.$api.list2({}).then(res => {
					this.database = res.data
				}).catch(res => {})
			},
			// 获取历史申请列表
			historyList2() {
				this.$api.historyList2({}).then(res => {
					this.database = res.data
				}).catch(res => {})
			}
		}


	}
</script>

<style lang="scss">
	button::after {
		border: none;
	}

	button {
		background-color: #fff;
	}

	.home-main {
		position: relative;
		margin-top: 20rpx;
		border-radius: 12rpx;
		background-color: white;
		padding: 68rpx 42rpx 42rpx;
	}

	.home-logo {
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
		position: absolute;
		right: 50%;
		top: -80rpx;
		margin-right: -80rpx;
		border: 2rpx solid #fff;
	}

	.home-main-top {
		border-bottom: 2rpx solid #979797;

		.home-main-top-name {
			margin-bottom: 30rpx;

			text {
				color: #4D7CFB;
				font-size: 34rpx;
				margin-right: 20rpx;
			}

			view {
				color: #3B3B3B;
				font-size: 28rpx;

			}
		}

	}

	.home-main-top-type {
		margin-top: 30rpx;

		text {
			color: #797B87;
			font-size: 28rpx;
			margin-right: 20rpx;
		}

		view {
			color: #3B3B3B;

		}
	}

	.u-page-li {
		position: relative;
		// padding: 0 ;
		margin: 0 28rpx;
		padding: 20rpx 28rpx;
		margin-top: 20rpx;
		border-radius: 20rpx;
		background-color: white;

		.li-btn {
			position: absolute;
			right: 20rpx;
			top: 35%;
			color: #fff;
			font-size: 28rpx;
			padding: 0 20rpx;
			border-radius: 20rpx;
			background-color: rgb(0, 151, 255);
		}
	}

	.li-name {
		padding-top: 4rpx;

		text {
			color: #797B87;
			margin-right: 10rpx;
		}
	}

	.add {
		width: 200rpx;
		color: #fff;
		text-align: center;
		font-size: 28rpx;
		padding: 10rpx 20rpx;
		border-radius: 20rpx;
		background-color: #0097ff;
		margin: 20rpx auto;
	}
</style>
